<script setup lang='ts'>
const activities = [
  {
    content: '测试挂起流程',
    timestamp: '2024-04-08 20:46',
    size: 'large',
    type: 'primary',
    hollow: true,
  },
  {
    content: '售前审批完成',
    timestamp: '2024-04-05 20:46',
    color: '#0bbd87',
  },
  {
    content: '销售审批完成',
    timestamp: '2024-04-03 20:46',
    color: '#0bbd87',
  },
  {
    content: '张三',
    color: '#0bbd87',
    timestamp: '发起流程',
  },
]
</script>

<template>
  <el-card shadow="always" :body-style="{ padding: '10px' }">
    <template #header>
      <div>
        <span text-lg>进度详情</span>
      </div>
    </template>
    <el-timeline>
      <el-timeline-item
        v-for="(activity, index) in activities"
        :key="index"
        :icon="activity.icon"
        :type="activity.type"
        :color="activity.color"
        :size="activity.size"
        :hollow="activity.hollow"
        :timestamp="activity.timestamp"
      >
        {{ activity.content }}
      </el-timeline-item>
    </el-timeline>
  </el-card>
</template>

<style scoped lang='scss'>

</style>
